<!-- 经纪人结佣 -主页-->
<template>
  <div>
    <el-tabs v-model="activeName" @tab-click="handleClick" >
      <el-tab-pane
        :key="item.name"
        v-for="(item) in tabListData"
        :label="item.label"
        :name="item.name"
      >
        <component :is="item.name" :active="activeName"></component>
      </el-tab-pane>
    </el-tabs>
  </div>
</template>
<script>
import api from "@/api/apiPath";

import brokerageComm from "./brokerageComm"; //经纪公司佣金
import brokerComm from "./brokerComm"; //经纪人佣金
import brokerReward from "./brokerReward"; //经纪人奖励


export default {
  components: {
    brokerageComm,
    brokerComm,
    brokerReward,

  },
  data() {
    return {
      rule:"",
      activeName: "brokerageComm",

      tabListData: [
        {
          label: "经纪公司佣金",
          name: "brokerageComm"
        },
        {
          label: "经纪人佣金",
          name: "brokerComm"
        },
        {
          label: "经纪人奖励",
          name: "brokerReward"
        },
     
        
      ]
    };
  },
  methods: {
    handleClick(a) {},
    
  },
  created() {
    
  },
  destroyed() {},
  filters: {}
};
</script>

<style lang="stylus"></style>
